.join-wrapper {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
}

.join-wrapper {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
}

.join-wrapper .join-item {
  width: 100%;
  position: relative;
}

.join-wrapper .join-item.introduce {
  height: 435px;
  background: url("@/assets/images/join/introduce-bg.png");
  background-repeat: round;
}
.join-wrapper .join-item.ask {
  height: 1001px;
  background: url("@/assets/images/join/ask-bg.png");
  background-repeat: round;
}
.join-wrapper .join-item .arrow-btn {
  width: 62px;
  height: 39px;
  background: url("@/assets/images/indroction/arrow-down.png");
  background-repeat: round;
  position: absolute;
  left: 50%;
  bottom: 32px;
  transform: translate(-50%, 0);
  cursor: pointer;
}

.join-wrapper .join-item .deliver-btn {
  width: 329px;
  height: 76px;
  background: url("@/assets/images/join/deliver-btn.png");
  background-repeat: round;
  position: absolute;
  left: 50%;
  bottom: 32px;
  transform: translate(-50%, 0);
  cursor: pointer;
}
